﻿<div>
    <p class="text-lowercase">
        Lowercased text.
    </p>
    <p class="text-uppercase">
        Uppercased text.
    </p>
    <p class="text-capitalize">
        CapiTaliZed text.
    </p>
</div>

<br />

 <div>
    <p class="custom-transform-class text-none">
      Random TEXT cApitaLization
    </p>
    <p
      class="text-break"
      style="max-width: 4rem;"
    >
      SUBDERMATOGLYPHIC
    </p>
  </div>